<layout name="layout" />
<ul class="uk-breadcrumb">
    <li><a href="__APP__">Home</a></li>
    <li><a href="__CONTROLLER__/index">My Account</a></li>
    <li><a href="__CONTROLLER__/order">Orders List</a></li>
    <li class="uk-active"><span>Order Details</span></li>
</ul>
<hr>
<div class="uk-alert">Order details</div>
<div class="uk-grid">
    <div class="uk-width-medium-1-3">
        <div class="uk-panel">
            <div class="uk-panel uk-panel-header">
                <h3 class="uk-panel-title">Basic information</h3>
            </div>
            <dl class="uk-description-list-horizontal">
                <dt>Order ID</dt>
                <dd>{$order_id}</dd>
                <dt>Order Amount</dt>
                <dd>$&nbsp;{$order_amount}</dd>
                <dt>Order Status</dt>
                <dd>{$order_status|orderStatus=true}</dd>
                <dt>Order Time</dt>
                <dd>{$order_time}</dd>
                <dt>Payment Method</dt>
                <dd>{$order_paymethod}</dd>
                <dt>Shipping Status</dt>
                <dd>{$order_isdelivered|displayIcon}</dd>
            </dl>
        </div>
    </div>
    <div class="uk-width-medium-1-3">
        <div class="uk-panel">
            <div class="uk-panel uk-panel-header">
                <h3 class="uk-panel-title">Billing Address</h3>
            </div>
            <dl class="uk-description-list-horizontal">
                <dt>Name</dt>
                <dd>{$bill_addr_firstname}{$bill_addr_lastname}</dd>
                <dt>Phone</dt>
                <dd>{$bill_addr_phone}</dd>
                <dt>ZIP</dt>
                <dd>{$bill_addr_zip}</dd>
                <dt>Country&State</dt>
                <dd>{$bill_addr_state},{$bill_addr_country}</dd>
                <dt>Address details</dt>
                <dd>{$bill_addr_street},{$bill_addr_city}</dd>
            </dl>
        </div>
    </div>
    <div class="uk-width-medium-1-3">
        <div class="uk-panel">
            <div class="uk-panel uk-panel-header">
                <h3 class="uk-panel-title">Shipping Address</h3>
            </div>
            <dl class="uk-description-list-horizontal">
                <dt>Name</dt>
                <dd>{$ship_addr_firstname}{$ship_addr_lastname}</dd>
                <dt>Phone</dt>
                <dd>{$ship_addr_phone}</dd>
                <dt>ZIP</dt>
                <dd>{$ship_addr_zip}</dd>
                <dt>Country&State</dt>
                <dd>{$ship_addr_state},{$ship_addr_country}</dd>
                <dt>Address details</dt>
                <dd>{$ship_addr_street},{$ship_addr_city}</dd>
            </dl>
        </div>
    </div>
</div>
<div class="uk-alert">Product details</div>
<table class="uk-table">
    <thead>
        <tr>
            <th>Product</th>
            <th>Price</th>
            <th>Quantity</th>
        </tr>
    </thead>
    <tbody>
        <volist name="odd_list" id="vo">
            <tr>
                <td>
                    <a class="uk-thumbnail" href="__MODULE__/Product/details/pid/{$vo.product_id}">
                        <img src="__PUBLIC__/Uploads/{$vo.product_dir}/thumb_{$vo.product_img}" alt="{$vo.product_name}">
                        <div class="uk-thumbnail-caption">{$vo.product_name}</div>
                    </a>
                </td>
                <td>${$vo.product_price}</td>
                <td>{$vo.odd_quantity}</td>
            </tr>
        </volist>
    </tbody>
</table>
<div class="uk-alert">Order history</div>
<table class="uk-table">
    <thead>
        <tr>
            <th>Time</th>
            <th>Status</th>
            <th>Comment</th>
        </tr>
    </thead>
    <tbody>
        <volist name="oh_list" id="vo">
            <tr>
                <td>
                    {$vo.oh_time}
                </td>
                <td>{$vo.oh_status|orderStatus="true"}</td>
                <td>{$vo.oh_remark}</td>
            </tr>
        </volist>
    </tbody>
</table>
